<template>
    <div class="focus-list"> 
     <div class="myfocus-list"> 
      <ul class="sui-nav nav-tabs nav-large"> 
       <li class="active"><a href="#one" data-toggle="tab">关注的问题</a></li> 
       <li><a href="#two" data-toggle="tab">关注的标签</a></li> 
      </ul> 
      <div class="tab-content tab-wraped"> 
       <div id="one" class="tab-pane active"> 
        <ul class="focuspro-list"> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
        </ul> 
       </div> 
       <div id="two" class="tab-pane"> 
        <ul class="focuspro-list"> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
         <li class="pro-item"> 
          <div class="fl intro"> 
           <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p> 
           <ul class="sui-tag"> 
            <li>css</li> 
            <li>html</li> 
            <li>javascript</li> 
           </ul> 
          </div> 
          <div class="fr btns"> 
           <span class="mum">7 关注</span> 
           <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button> 
          </div> 
          <div class="clearfix"></div> </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div>
</template>
<script>
import '~/assets/css/page-sj-person-myfocus.css'
export default {
    
}
</script>